<template>
    <h1>模板匹配</h1>
    <!--文本插值-->
    <p>{{ msg }}</p>

    <!--JS表达式-->
    <p>{{ number + 1 }}</p>
    <p>{{ bool ? 'yes' : 'no' }}</p>
    <p>{{ str.split("").reverse().join('') }}</p>
    <!--
    //不满足单一表达式，不合法
    <p>{{ var i = 1 }}</p>
    <p>{{ if (ok) {return number } }}</p>
    -->

    <p v-html="htmla"></p>
</template>

<script>
export default{
    data(){
        return {
         //文本插值
          msg:"Hello" , 
          //表达式
          number:1,
          bool:true,
          str:"hello world",
          //原始html
          htmla:"<a href='https://www.baidu.com/'>百度一下</a>" 
        }
    }
}
</script>